<!--
 * @Description: 
 * @version: 
 * @Author: sunqian_sr
 * @Date: 2023-01-31 10:54:34
 * @LastEditors: Andy
 * @LastEditTime: 2023-01-31 18:20:34
-->
<template>
  <x-dialog
    :title="title"
    :show.sync="visible"
    v-if="visible"
    :before-close="handleClose"
    width="40%"
    @onCancel="handleClose"
    :submitShow="false"
    cancelText="关闭"
  >
    <el-form :model="operDetail" class="demo-form-inline" label-position="top" label-width="auto">
      <el-row :gutter="36">
        <el-col :span="12">
          <el-form-item :label="$t('maintain.logMail.id')" prop="bizId">
            <el-input v-model="operDetail.bizId" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item :label="$t('maintain.logMail.addresseeEmails')" prop="mailTo">
            <el-input v-model="operDetail.mailTo" disabled></el-input>
          </el-form-item>
        </el-col>
        <!-- <el-col :span="12">
          <el-form-item :label="$t('maintain.logMail.type')" prop="mailType">
            <el-input v-model="operDetail.mailTypeText" disabled></el-input>
          </el-form-item>
        </el-col> -->
        <el-col :span="12">
          <el-form-item :label="$t('maintain.logMail.isSendSuccess')" prop="isSuccess">
            <el-input v-model="operDetail.isSuccessText" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item :label="$t('maintain.logMail.sendTime')" prop="sendTime">
            <el-input v-model="operDetail.sendTime" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item :label="$t('maintain.logMail.logId')" prop="id">
            <el-input v-model="operDetail.id" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item :label="$t('maintain.logMail.updataTime')" prop="updateTime">
            <el-input v-model="operDetail.updateTime" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item :label="$t('maintain.logMail.fileList')" prop="attachmentFileName">
            <el-input
              v-model="operDetail.attachmentFileName"
              type="textarea"
              :autosize="{ minRows: 2, maxRows: 8 }"
              disabled
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </x-dialog>
</template>
<script>
  export default {
    data() {
      return {
        visible: false,
        title: this.$t('maintain.logMail.view'),
        operDetail: {}
      }
    },
    methods: {
      handleOpen(info) {
        this.visible = true
        this.operDetail = JSON.parse(JSON.stringify(info))
      },
      handleClose() {
        this.operDetail = null
        this.visible = false
      }
    }
  }
</script>
<style lang="scss" scoped>
  ::v-deep.el-input.is-disabled .el-input__inner,
  ::v-deep.el-textarea.is-disabled .el-textarea__inner {
    cursor: auto;
    color: #606266;
  }
</style>
